<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div id="time"></div>
</body>
<script>

    // var t1 = setInterval(function(){
    //     console.log( "hello" );
    // }, 1000);

    // document.onclick = function(){
    //     clearInterval( t1 );
    // }


    // var t2 = setTimeout(function(){
    //     console.log("hello");
    // }, 3000);

    // document.onclick = function(){
    //     clearTimeout( t2 );
    // }


    // ==========


    // var time = document.getElementById("time")
    // var d = new Date();
    // time.innerHTML = d;

    // setInterval(function(){
    //     var d = new Date();
    //     time.innerHTML = d;
    // },1000);


    // =======


    var a = 10;
    setTimeout(function(){
        a = 20;
    }, 1);
    console.log(a);


    // =======


    // 异步：同时执行，不阻塞其他程序执行，js中的异步程序有↓
        // 计时器
        // 行为事件
        // ajax
        // promise
    // 同步：不同时执行，依次执行，js中除了异步程序之外，都是同步程序
        // alert(1)
        // alert(2)
        // alert(3)

    // js事件循环机制（Event Loop）
    // 宏任务
    // 微任务



    
</script>
</html>